@charset "utf-8";
@function r($px) {
    @return $px/100*1rem;
}
$color:#ec8e12;
.web {
    section {
        font-size: 0;
        overflow-y: auto;
        position: absolute;
        top: r(150);
        bottom: r(163);
        .kv {
            width: r(750);
            height: r(285);
            img {
                width: 100%;
            }
        }
        .discounts {
            margin-top: r(18);
            .groupon {
                padding: r(28) r(24) r(22) r(24);
                .pentagram {
                    i {
                        font-size: r(60);
                        color: $color;
                        vertical-align: middle;
                    }
                    span {
                        font-size: r(30);
                        vertical-align: middle;
                        margin-left: r(14);
                    }
                }
            }
            .list {
                padding: r(23) r(89) r(36) r(80);
                ul li {
                    width: r(240);
                    height: r(94);
                    img {
                        width: 100%;
                    }
                }
                ul li:nth-of-type(3),
                ul li:nth-of-type(4) {
                    margin-top: r(31);
                }
            }
        }
        .like {
            padding-left: r(21);
            .guess {
                padding: 0 r(21) r(34) 0;
                div:nth-of-type(1) {
                    i {
                        font-size: r(48);
                        color: $color;
                        vertical-align: middle;
                    }
                    span {
                        font-size: r(30);
                        vertical-align: middle;
                    }
                }
            }
            .particulars {
                padding-right: r(17);
                .sushi {
                    div:nth-of-type(1) {
                        width: r(211);
                        height: r(164);
                        margin-right: r(21);
                        img {
                            width: 100%;
                        }
                    }
                    div:nth-of-type(2) {
                        font-size: r(22);
                        color: #858585;
                        padding-top: r(37);
                        li:last-child {
                            margin-top: r(40);
                        }
                    }
                    div:nth-of-type(3) {
                        color: #000000;
                        ul li:first-child {
                            font-size: r(30);
                            padding-top: r(10);
                        }
                        ul li:nth-of-type(2) {
                            font-size: r(22);
                            color: #858585;
                            padding-top: r(15);
                        }
                        ul li:nth-of-type(3){
                            color: $color;
                            padding-top: r(20);
                            i{
                                font-size: r(25);
                                vertical-align: middle;
                            }
                            span{
                                font-size: r(32);
                                vertical-align: middle;
                            }
                        }
                    }
                }
                .duck{
                    margin-top: r(30);
                }
            }
        }
    }
}